<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>项目设置-诊所随访</title>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="icon" href="../../img/favicon.png">
    <link rel="stylesheet" href="../../css/plugins/bootstrap-3.3.5.css" />
    <link rel="stylesheet" href="../../css/plugins/bootstrap-material-design.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/material-design-icons/2.2.0/iconfont/material-icons.css">
    <link rel="stylesheet" href="../../css/plugins/ripples.css">
    <link rel="stylesheet" href="../../css/style-setting-member.css" />
</head>
<body>
<div class="outer">
    <% include ../header.inc.html %>
    <% include ../left.menu.inc.html %>
    <div class="body-box">
        <div class="setting-wrapper container-fluid">
            <h4 class="title">项目成员</h4>
            <div class="member-wrapper well">
                <h4 class="title">管理员</h4>
                <div class="row">
                    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 add-item member-item-wrapper">
                        <div class="member-item add-member-item" data-member-role="admin">
                            <ul>
                                <li class="col-md-4 col-sm-5 col-xs-5">
                                    <span class="white-round-head text-center">
                                       <i class="material-icons">&#xE7FE;</i>
                                    </span>
                                </li>
                                <li class="col-md-8 col-sm-7 col-xs-7">
                                    <span class="add-member">添加管理员</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="member-wrapper well">
                <h4 class="title">成员</h4>
                <div class="row">
                    <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 add-item member-item-wrapper" id="2">
                        <div class="member-item add-member-item" data-member-role="member">
                            <ul>
                                <li class="col-md-4 col-sm-5 col-xs-5">
                                    <span class="white-round-head text-center">
                                       <i class="material-icons">&#xE7FE;</i>
                                    </span>
                                </li>
                                <li class="col-md-8 col-sm-7 col-xs-7">
                                    <span class="add-member">添加成员</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--不能直接删除-->
        <div class="modal fade" id="delete-tip-warning" style="background: rgba(0,0,0,0.6)">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">删除成员</h4>
                    </div>
                    <div class="modal-body">
                        <p>该成员已经创建了随访活动，为保障随访活动正常开展，暂时不能删除。</p>
                        <p>如需删除，需该成员取消个人执行的所有随访计划。或联系乐乐医工作服务人员解决。</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">我明白了</button>
                    </div>
                </div>
            </div>
        </div>

        <!--直接删除-->
        <div class="modal fade" id="delete-tip-danger">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">删除成员</h4>
                    </div>
                    <div class="modal-body">
                        <p>删除成员后，他将不能再登录平台开展随访工作。</p>
                        <p>确定要删除该成员吗？</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">不，再想想</button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="delete-danger">删除</button>
                    </div>
                </div>
            </div>
        </div>

        <!--添加成员-->
        <div class="modal fade" id="add-member">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="form-group">
                            <!--<label class="control-label" for="inputDefault">Default input</label>-->
                            <i class="material-icons search-icon">&#xE8B6;</i>
                            <input type="text" class="form-control" id="search-member" placeholder="搜索姓名">
                        </div>
                    </div>
                    <div class="modal-body add-member-list">
                        <span>选择好友：</span>
                        <div class="form-group"></div>
                    </div>
                    <div class="modal-footer add-member-footer">
                        <button href="javascript:void(0)" class="btn btn-raised btn-default" data-dismiss="modal">取消</button>
                        <button href="javascript:void(0)" class="btn btn-raised btn-info disabled" data-dismiss="modal" id="add-complete">完成</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../js/plugins/jquery-1.10.1.js"></script>
<script src="../../js/plugins/bootstrap-3.3.5.js"></script>
<script src="../../js/plugins/material.js"></script>
<script src="../../js/plugins/ripples.js"></script>
<script src="../../js/config.js"></script>
<!-- build:js ../../js/setting-member-all.js -->
<script src="../../js/com-base.js"></script>
<script src="../../js/com-request.js"></script>
<script src="../../js/com-header.js"></script>
<script src="../../js/com-left-menu.js"></script>
<script src="../../js/setting-member.js"></script>
<!-- endbuild -->
</body>
</html>